/*
 * @Author: 郭招娣 10615594+guo-zhaodi@user.noreply.gitee.com
 * @Date: 2022-08-31 21:35:36
 * @LastEditors: 郭招娣 10615594+guo-zhaodi@user.noreply.gitee.com
 * @LastEditTime: 2022-08-31 09:53:08
 * @FilePath: \app\src\components\Menu\Menu.tsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import React from 'react'
import { Menu } from 'antd';
import { GifOutlined } from  '@ant-design/icons'
import { sideMenuList } from './mockup'
import styles from './MyMenu.module.css'
export const MyMenu:React.FC=()=> {
  return (
    <div className={styles['menu-box']}>
        <Menu 
        mode='vertical'
        items={sideMenuList.map(v=>{
          return {
            label:v.title,
            key:v.title,
            icon: <GifOutlined/>,
            children:v.subMenu.map(sm=>{
              return {
                label: sm.title,
                key: sm.title,
                icon: <GifOutlined />,
                children:sm.subMenu.map(sms=>{
                  return {
                    label: sms,
                    key: sms,
                    icon: <GifOutlined />,
                  }
                })
              }
            })
          }
        })}
        >

        </Menu>
    </div>
  )
}
